<template>
	<div class="help-wrap">
		<div class="has-address">
			<div class="help-main">
				<div class="main-inner">
					<div class="pro-img">
						<img :src="superData.productSmallPic">
					</div>
					<div class="pro-text">
						<span class="baoyou">{{superData.productSaleType}}{{superData.productPostage}}</span>
						<span class="des">{{superData.aidDetail}}</span>
						<p class="sub-des">{{superData.aidDescript}}</p>
					</div>
				</div>
				<div class="pro-grade">
					<p class="p1">
						等级：{{superData.productLevel}}
					</p>
					<p class="p2"><span class="weight">重量：{{superData.productWeight}}{{superData.productWeightUnit}}</span><span class="ospan">最低订货量：{{superData.minOrderQuantity}}{{superData.minOrderQuantityUnit}}</span></p>
					<p class="p3"><span>规格：{{superData.productSpecs}}</span><span>包装：{{superData.productPacking}}</span></p>
				</div>
				<div class="placeoforigin">
					<div class="title-box">
						<span class="title">产地</span>
						<span class="name">
							<van-icon name="location-o" size="18px" color="#969C9E" tag="i" />{{superData.productOriginProvince}}·{{superData.productOriginCity}}</span>
					</div>
				</div>
			</div>
			<div class="cus-box clearfix">
				<ul class="cus-list">
					<li class="first-li">
						<span class="cus-left">单价</span>
						<span class="cus-right ccc"><i>{{superData.productSalePrice}}</i>{{superData.productSalePriceUnit}}</span>
					</li>
					<li>
						<span class="cus-left">购买数量</span>
						<span class="cus-right nocolor">{{superData.orderQuantity}}{{superData.orderQuantityUnit}}</span>
					</li>
					<li>
						<span class="cus-left">总金额</span>
						<span class="cus-right"><i>{{superData.orderMoney}}元</i></span>
					</li>
					<li class="flex-wl">
						<span class="cus-left">配送方式</span>
						<span class="cus-right">顺丰物流</span>
					</li>
					<li>
						<span class="cus-left">物流费用</span>
						<span class="cus-right"><i>0元</i></span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
	import Storage from "@/utils/storage";
	export default {
		props: {
			superData: Object
		}
	}
</script>

<style lang="scss" scoped>
	@import '../pay.scss';

	.help-wrap {
		height: auto !important;
		overflow-y: auto !important;

		.ccc {
			color: #969C9E;
			font-size: 12px;

			i {
				font-size: 18px;
				color: #F58523 !important;
				margin-right: 4px;
			}
		}

		.nocolor {
			color: #5D6164;
		}

	}
</style>
